<!DOCTYPE html>
<html ng-app="myApp" lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div ng-directive="myDirective" >
    <my-directive>
        <a href="http://google.com">Click me to go to Google</a>
    </my-directive>
</div>

</body>
</html>
1.指令：自定义HTML 元素和属性
    基于我们对HTML元素的理解，指令本质上就是AngularJS扩展具有自定义功能的HTML元素的途径。
    例如，我们可以创建一个自定义元素，它实现了<video>标签的功能并且能在所有浏览器中工作：
    <my-better-video my-href="/goofy-video.mp4">
        Caneventaketext</my-better-video>
    注意，这个自定义元素使用了特殊的开始和闭合标签my-better-video，以及my-href这个自定义属性。
    为了让这个标签更有用，可以将浏览器默认的video标签重载，用下面这种写法代替它：
    <video my-href="/goofy-video.mp">
        Can still take children nodes
    </video>
    正如我们看到的那样，指令可以和其他指令或属性组合在一起使用，这种组合使用的方式叫做合成

2.<my-directive></my-directive>指令
    angular.module('myApp',[])
    .directive('myDirective', function() {
    return restrict: 'E',
    replace: true,
    template: '<a href="http://google.com">Click me to go to Google</a>'
    };
    });
    下面都是用来声明前面创建指令的合法格式：
    <my-directive></my-directive>
    <div my-directive></div>
    <div class="my-directive"></div>
    <!--directive:my-directive-->